<template>
  <div class="index-box">
    <First></First>
    <Second></Second>
    <Third></Third>
    <Fourth></Fourth>
    <Fifth></Fifth>
    <Sixth></Sixth>
    <Seventh></Seventh>
    <Eighth></Eighth>
  </div>
</template>

<script>
import First from './index/index-first.vue'
import Second from './index/index-2.vue'
import Third from './index/index-3.vue'
import Fourth from './index/index-4.vue'
import Fifth from './index/index-5.vue'
import Sixth from './index/index-6.vue'
import Seventh from './index/index-7.vue'
import Eighth from './index/index-8.vue'

export default {
  components: {
    First,
    Second,
    Third,
    Fourth,
    Fifth,
    Sixth,
    Seventh,
    Eighth
  }
};
</script>

<style lang="less" scoped>
.index-box {
  position: relative;
  padding: 10px;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  display: flex;
  justify-content: space-between;
  align-items: space-between;
}
</style>
